<!DOCTYPE html> 
<html class="no-js" <?php language_attributes(); ?>>

<head>
	<meta charset="<?php bloginfo('charset'); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
	
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<?php if ( function_exists( 'wp_body_open' ) ) { wp_body_open(); } ?>

<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'stylizer' ); ?></a>

<div id="wrapper">

	<div class="container" id="page">
		<div class="container-inner">			
			<div class="main">
				
				<header id="header">
		
					<div class="group">
						
						<?php if ( get_header_image() == '' ) : ?>
							<div class="group pad">
								<?php echo stylizer_site_title(); ?>
								<?php if ( display_header_text() == true ): ?>
									<p class="site-description"><?php bloginfo( 'description' ); ?></p>
								<?php endif; ?>
								<?php if ( get_theme_mod( 'header-social', 'on' ) == 'on' ): ?>
									<?php stylizer_social_links() ; ?>
								<?php endif; ?>
							</div>
						<?php endif; ?>
						
						<?php if ( get_header_image() ) : ?>
							<div class="site-header">
								<a href="<?php echo esc_url( home_url('/') ); ?>" rel="home">
									<img class="site-image" src="<?php header_image(); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
								</a>
							</div>
						<?php endif; ?>

					</div><!--/.group-->
					
					<?php if ( has_nav_menu('mobile') ): ?>
						<nav class="nav-container group" id="nav-mobile">
							<div class="nav-toggle"><i class="fas fa-bars"></i></div>
							<div class="nav-text"><!-- put your mobile menu text here --></div>
							<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'mobile','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>				
							
							<?php if ( get_theme_mod( 'header-search', 'on' ) == 'on' ): ?>		
								<div class="toggle-search"><i class="fas fa-search"></i></div>
								<div class="search-expand">
									<div class="search-expand-inner">
										<?php get_search_form(); ?>
									</div>
								</div>
							<?php endif; ?>
							
						</nav><!--/#nav-mobile-->
					<?php endif; ?>
					
					<div id="header-sticky">
						<?php if ( has_nav_menu('header') ): ?>
							<nav class="nav-container group" id="nav-header">
								<div class="nav-toggle"><i class="fas fa-bars"></i></div>
								<div class="nav-text"><!-- put your mobile menu text here --></div>
								<div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>				
								
								<?php if ( get_theme_mod( 'header-search', 'on' ) == 'on' ): ?>
									<div class="toggle-search"><i class="fas fa-search"></i></div>
									<div class="search-expand">
										<div class="search-expand-inner">
											<?php get_search_form(); ?>
										</div>
									</div>
								<?php endif; ?>
								
							</nav><!--/#nav-header-->
						<?php endif; ?>
					</div>

				</header><!--/#header-->
				
				<div class="sidebar s2">
					<?php if ( get_theme_mod('light-dark-switch','off') =='on' ): ?>
						<a href="#" id="btn-mode" title="<?php esc_html_e('Switch Color','stylizer'); ?>"><i class="fas fa-toggle-off"></i></a>
					<?php endif; ?>
					<?php if ( get_theme_mod('sidebar-home-btn','off') =='on' ): ?>
						<a href="<?php echo esc_url( home_url('/') ); ?>" id="btn-sidebar-home" title="<?php echo esc_attr( get_bloginfo('name')); ?>"><i class="fas fa-home"></i></a>
					<?php endif; ?>
					<div id="sidebar-top"><i class="far fa-bookmark"></i></div>
				</div>
				<div class="clear"></div>
				<div class="main-inner group" id="content">
